.projectdet {
  width: 750rpx;
  min-height: 100vh;
  padding-bottom: 200rpx;
  height: auto;
  background-color: #f5f5f5;
  margin: 0 auto;
  padding-bottom: 200rpx;
  ::v-deep .uni-collapse-item__wrap-content {
    border: none;
  }
  ::v-deep .uni-collapse-item__title {
    width: 230rpx;
    margin: 0 auto;
  }
  .projectdet-top {
    width: 750rpx;
    height: 750rpx;
    position: relative;
    image {
      width: 100%;
      height: 100%;
    }
    .swiper {
      width: 750rpx;
      height: 750rpx;
      // background-color: red;
    }
    .swiper-item {
      width: 750rpx;
      height: 750rpx;
    }
    .swiper-dot {
      position: absolute;
      right: 32rpx;
      bottom: 32rpx;
      width: 84rpx;
      height: 42rpx;
      background: #40342b;
      border-radius: 614rpx 614rpx 614rpx 614rpx;
      // font-weight: 400;
      font-size: 24rpx;
      color: #ffffff;
      line-height: 42rpx;
      text-align: center;
    }
  }
  .projectdet-content {
    position: relative;
    height: auto;
    margin: 0 auto;
    margin-top: -10rpx;
    z-index: 10;
    background: #ffffff;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    padding: 30rpx 30rpx 24rpx 30rpx;

    .store {
      .store-title {
        font-weight: bold;
        font-size: 32rpx;
        color: #333333;
        line-height: 48rpx;
        word-break: break-all;
      }
      .store-price {
        margin-top: 20rpx;
        display: flex;
        justify-content: space-between;
        padding-bottom: 22rpx;
        border-bottom: 1rpx solid #d8d8d8;
        .store-price-left {
          // font-weight: 400;
          font-size: 28rpx;
          color: #333333;
          line-height: 40rpx;
          .text-dw {
            // font-weight: bold;
            font-size: 24rpx;
            color: #01ada8;
            line-height: 28rpx;
            // margin-left: 16rpx;
          }
          .num {
            // font-weight: bold;
            font-size: 40rpx;
            color: #01ada8;
            line-height: 46rpx;
          }
          .old-num {
            width: 112rpx;
            height: 40rpx;
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 28rpx;
            color: #8c8c8c;
            line-height: 40rpx;
            text-align: left;
            font-style: normal;
            text-decoration-line: line-through;
            text-transform: none;
            // margin-left: 16rpx;
            // // font-weight: 400;
            // font-size: 28rpx;
            // color: #8c8c8c;
            // line-height: 40rpx;
            // text-align: left;
          }
          .store-last-child {
            margin-top: 8rpx;
          }
        }
        .store-price-right {
          text {
            padding: 10rpx 20rpx;
            background: #01ada8;
            border-radius: 16rpx 16rpx 16rpx 0rpx;
            // font-weight: 400;
            font-size: 20rpx;
            color: #ffffff;
            line-height: 28rpx;
            text-align: left;
          }
        }
      }
      .store-dec {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 24rpx;
        // font-weight: 400;
        font-size: 24rpx;
        color: #8c8c8c;
        line-height: 32rpx;
      }
    }
  }
}
.foodr-k {
  position: fixed;

  width: 100%;
  padding-left: 46rpx;
  padding-right: 46rpx;
  bottom: 0;
  z-index: 10;
  left: 0;

  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
  background: #ffffff;
  .foodr-k-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
  }
  .foodr-left {
    display: flex;
    justify-content: center;
    align-items: left;
    text-align: center;

    .foodr-left-item {
      margin-right: 22rpx;
      image {
        width: 48rpx;
        height: 48rpx;
      }
      view {
        // font-weight: 400;
        font-size: 18rpx;
        color: #333333;
        line-height: 26rpx;
        text-align: center;
      }
    }
  }
  .foodr-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    .gifts {
      width: 160rpx;
      height: 72rpx;
      border-radius: 146rpx 146rpx 146rpx 146rpx;
      border: 2rpx solid #b63434;
      font-weight: bold;
      font-size: 28rpx;
      color: #b63434;
      line-height: 40rpx;
      text-align: center;
      line-height: 72rpx;
    }
    .recharge {
      width: 240rpx;
      height: 72rpx;
      background: #01ada8;
      border-radius: 52rpx 52rpx 52rpx 52rpx;
      // font-weight: bold;
      font-size: 28rpx;
      color: #ffffff;
      line-height: 40rpx;
      text-align: center;
      line-height: 72rpx;
      margin-left: 24rpx;
    }
  }
}
.shop-det {
  margin-top: 20rpx;
  background-color: #ffffff;
  .shop-det-content {
    margin-left: 22rpx;
    margin-right: 22rpx;
  }
  .shop-det-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24rpx 0rpx;
    .hengx {
      display: block;
      width: 40rpx;
      height: 1rpx;
      background-color: #d9d9d9;
      margin-left: 20rpx;
      margin-right: 20rpx;
    }
  }
}

.bt-index {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  padding: 44rpx 44rpx 74rpx 44rpx;
  background-color: #ffffff;
  z-index: 10000;
  border-radius: 20rpx 20rpx 0rpx 0rpx;
  box-sizing: border-box;
  .bt-index-bt {
    width: 100%;
    margin: 0 auto;
  }
  .text-name {
    // font-weight: 400;
    font-size: 30rpx;
    color: #333333;
    line-height: 36rpx;
    text-align: left;
    text-align: center;
  }
  .icon-k {
    margin-top: 50rpx;
    display: flex;
    justify-content: space-between;
    .icon-item {
      text-align: center;
      image {
        width: 72rpx;
        height: 72rpx;
      }
      .icon-item-title {
        text-align: center;
        // font-weight: 400;
        font-size: 24rpx;
        color: #333333;
        line-height: 36rpx;
      }
    }
  }
  .bt-foods {
    margin-top: 60rpx;
  }
}

.content {
  padding: 15px;
}

.text {
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.user-shop {
  margin-top: 32rpx;
  padding: 0 10rpx;
  .user-shop-item {
    // font-weight: bold;
    font-size: 32rpx;
    color: #333333;
    line-height: 44rpx;
    text-align: left;
    display: flex;
    justify-content: space-between;
    margin-left: 12rpx;
  }
  .shop-list {
    margin-top: 24rpx;

    display: flex;
    justify-content: left;
  }
  .shop-list-item {
    width: 218rpx;
    background: #ffffff;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding-bottom: 16rpx;
    margin: 0 12rpx;
    position: relative;
    padding-bottom: 70rpx;
    .shop-list-image {
      width: 218rpx;
      height: 218rpx;
      overflow: hidden;
      image {
        width: 218rpx;
        height: 218rpx;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
      }
    }
    .shop-list-name {
      margin-top: 8rpx;
      // font-weight: bold;
      font-size: 24rpx;
      color: #333333;
      line-height: 34rpx;
      text-align: left;
      padding-left: 12rpx;
      padding-right: 12rpx;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .shop-list-price {
      position: absolute;
      // font-weight: bold;
      font-size: 32rpx;
      color: #01ada8;
      line-height: 40rpx;
      padding-left: 12rpx;
      padding-right: 12rpx;
      bottom: 16rpx;
      text {
        // font-weight: bold;
        font-size: 20rpx;
        color: #01ada8;
        line-height: 40rpx;
      }
    }
  }
}

.share {
  position: absolute;
  top: 34rpx;
  right: 32rpx;
  width: 148rpx;
  height: 60rpx;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 60rpx 60rpx 60rpx 60rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  text {
    // font-weight: 400;
    font-size: 24rpx;
    color: #ffffff;
    line-height: 30rpx;
    text-align: left;
    margin-left: 16rpx;
  }
}

.popup-content {
  width: 616rpx;
  padding: 48rpx 48rpx;
  box-sizing: border-box;
  // height: 428rpx;
  background: #ffffff;
  border-radius: 20rpx 20rpx 20rpx 20rpx;
  .popup-content-title {
    font-weight: bold;
    font-size: 32rpx;
    color: #262626;
    line-height: 52rpx;
    text-align: center;
  }
  .popup-content-dec {
    margin-top: 48rpx;
    // font-weight: 400;
    font-size: 28rpx;
    color: #595959;
    line-height: 52rpx;
    text-align: center;
  }
  .popup-content-bt {
    margin-top: 48rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .popup-content-qx {
    width: 246rpx;
    height: 80rpx;
    background: #eeeeee;
    border-radius: 982rpx 982rpx 982rpx 982rpx;
    font-weight: bold;
    font-size: 28rpx;
    color: #262626;
    line-height: 40rpx;
  }
  .popup-content-cl {
    width: 246rpx;
    height: 80rpx;
    background: #01ada8;
    border-radius: 982rpx 982rpx 982rpx 982rpx;
    font-weight: bold;
    font-size: 28rpx;
    color: #ffffff;
    line-height: 40rpx;
  }
}

.foodr-left-item-color {
  color: #01ada8 !important;
}
